<template>
<div class="link-us">
	<div class="link-banner">
		<c-head :nav="nav"></c-head>
		<div class="wrap-width clearfix">
			<div class="code table fr">
				<div class="code-img mid">
					<div class="code-blank"></div>
					<img src="../assets/img/code.jpg">
				</div>
			</div>
		</div>
	</div>
	<div class="introduct wrap-width">
		<p>中粮数字健康科技（北京）有限公司依托中粮营养健康研究院，立足生命科学、致力营养健康，以客户为导向，科技支撑产业链、研发创新好产品，引领中国人的饮食生活方式，最终达到促进全民健康，提高中国人寿命的目的。 “数字健康”是中粮集团在移动健康，大数据和量化人体等技术趋势而开拓的业务领域，通过整合可穿戴设备硬件和智能终端的软件，在量化人体的基础上，来积极开拓下游的智能健康管理的全新业务。 目前公司主营业务包括保险增值服务业务，互联网食品业务，数字化营养服务业务等。完成了三大食品营养数据库的搭建和基于移动终端的app开发和人体数据的整合。实现由卖食品模式到服务加食品模式的转变，创新了销售模式，补充了中粮集团全产业链中重要的一环。</p>
	</div>
	<div class="cooper wrap-width">
		<div class="center-title">
			<h2>合作伙伴</h2>
			<span></span>
		</div>
		<div class="cooper-logo clearfix">
			<div class="cooper-img">
				<img src="../assets/img/cofco.png">
			</div>
			<div class="cooper-img">
				<img src="../assets/img/ali.png">
			</div>
			<div class="cooper-img">
				<img src="../assets/img/eggplant.png">
			</div>
			<div class="cooper-img">
				<img src="../assets/img/cdc.png">
			</div>
			<div class="cooper-img">
				<img src="../assets/img/zhongAn.jpg">
			</div>
			<div class="cooper-img">
				<img src="../assets/img/zhongyin.png">
			</div>
		</div>
	</div>
	<foot></foot>
</div>
</template>
<script>
    import head from '@/components/head'
    import foot from '@/components/footer'
    export default {
        data(){
            return {
                nav: 3
            }
        },
        components: {
            cHead: head,
            foot
        }
    }
</script>
<style lang="stylus" rel="stylesheet/stylus">
@media screen and (min-width: 600px) and (max-width: 800px)
	.link-us
		.link-banner
			height 380px
			.code
				height 295px
				background-color rgba(0, 0, 0, .5)
				margin-top 0px
		.introduct
			padding 30px 10px
			p
				line-height 2
				font-size 15px
		.cooper
			padding 30px 0 40px 0
			.cooper-logo
				margin-top 20px
				.cooper-img
					padding 3% 4.15%
					width 25%
@media screen and (min-width: 450px) and (max-width: 600px)
	.link-us
		.link-banner
			height 265px
			.code
				height 215px
				margin-top 0px
				background-color rgba(0, 0, 0, .5)
		.introduct
			padding 20px 10px
			p
				line-height 2
				font-size 14px
		.cooper
			padding 20px 0 30px 0
			.cooper-logo
				margin-top 18px
				.cooper-img
					padding 3% 7%
					width 36%
@media screen and (max-width: 450px)
	.link-us
		.link-banner
			height 225px
			.code
				height 175px
				margin-top 0px
				background-color rgba(0, 0, 0, .5)
		.introduct
			padding 18px 10px
			p
				line-height 2
				font-size 14px
		.cooper
			padding 18px 0 28px 0
			.cooper-logo
				margin-top 16px
				.cooper-img
					padding 3% 7%
					width 36%
.introduct
	padding 50px 10px
	box-sizing border-box
	p
		line-height 60px
		font-size 18px
		color #000
		text-indent 2em
.link-banner
	height 650px
	background-image url('../assets/img/link-banner.png')
	background-repeat no-repeat
	background-size cover
	background-position center
	.code
		width 36%
		height 565px
		background-color rgba(0, 0, 0, .5)
		// margin-top 85px
		.code-img
			width 72%
			padding 0 14%
			font-size 0
			.code-blank
				height 0
				padding-top 100%
			img
				width 100%
				margin-top -100%
.cooper
	padding 40px 0 104px 0
	box-sizing border-box
	.cooper-logo
		margin-top 40px
		font-size 0
		.cooper-img
			padding 2% 2.1%
			width 20.8%
			float left
			img
				width 100%
			
		
</style>
